<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/public.css" rel="stylesheet" type="text/css">
    <link href="/js/ueditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
    <link href="/js/datepicker/datepicker.css" rel="stylesheet">

    <script type="text/javascript" src="/js/jquery-2.1.4.min.js"></script>
    <link href="/js/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="/js/plugins/bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/js/plugins/bootstrap-select/bootstrap-select.css"/>
    <script src="/js/plugins/bootstrap-select/bootstrap-select.js"></script>

    <script type="text/javascript" charset="utf-8" src="/js/ueditor/umeditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="/js/ueditor/umeditor.min.js"></script>
    <script type="text/javascript" src="/js/ueditor/lang/zh-cn/zh-cn.js"></script>

    <script type="text/javascript" src="/js/common.js"></script>
    <script type="text/javascript" src="/js/public.js"></script>
</head>
<style type="text/css">
    /*设置ueditor图片大小*/
    /*#content_div img {
        width: 10%;
    }*/
    /*#coverImage {
        width: 100%;
    }*/
</style>
<script>
    $(function () {

        // 页面加载完毕后,刷新selector插件数据
        $('.selectpicker').selectpicker("refresh");

        // 目的地点击触发分类选项加载
        /*$('#destination').change(function () {
            $.get('/',{id:$(this).val()},function (data) {
                $.each(data,function (index, ele) {
                    $('#catalog').append('<option value='+ele.id+'>'+ele.name+'</option>');
                });
            });
        });*/

        // 提交操作
        $('._j_publish').click(function () {
            var data = new Object();
            data.title = $('._j_title').val();
            data.content = ue.getContent();
            data.destId = $('#destination').val();
            $.ajax({
              url:"/wenda/save",
              type:"post",
              data:data,
              success:function (data) {
                if (data.success) {
                    alert("提问成功");
                  window.location.href = "/wenda";
                } else {
                  alert(data.msg);
                }
              }
            });
        });
    });
</script>
<body>
<div class="lww_header">
    <div class="header_wrap">
        <div class="header_logo">
            <a href="javascript:;" class="lww_logo"></a>
        </div>
        <ul class="header_nav">
            <li><a href="/index">首页</a></li>
            <li><a href="/destination">目的地</a></li>
            <li><a href="/gonglve">旅游攻略</a></li>
            <li><a href="javascript:;">去旅行<i class="icon_caret_down"></i></a></li>
            <li><a href="javascript:;">游记</a></li>
            <li><a href="javascript:;">酒店</a></li>
            <li><a href="/wenda">社区<i class="icon_caret_down"></i></a></li>
        </ul>
        <div class="header_search">
            <input type="text"/>
            <a class="icon_search"></a>
        </div>
        <div class="login_info">
            <div class="head_user">
                <a href="javascript:;">
                    <img src="${(userInfo.headImgUrl)!}"/>
                    <i class="icon_caret_down"></i>
                </a>
            </div>
            <div class="header_msg">
                消息<i class="icon_caret_down"></i>
            </div>
            <div class="header_daka">
                <a href="javascript:;">打卡</a>
            </div>
        </div>
    </div>
    <div class="shadow"></div>
</div>
<div class="wrapper">
    <div class="qt-container clearfix">
        <div class="qt-main">
            <div class="crumb">
                <a href="/wenda/">旅游问答</a> &gt; <span>我要提问</span>
            </div>
            <!-- 标题 -->
            <div class="qt-tit">
                <h5>问题标题</h5>
                <div class="qt-con">
                    <input type="text" placeholder="标题不小于10字哦" class="_j_title">
                    <span class="count"><span class="_j_title_num">0</span>/80 字</span>
                    <span class="_j_min_num hide">10</span>
                    <#--<span class="error err-tips _j_title_error">标题不能少于10字</span>-->
                </div>
            </div>
            <!-- 选择目的地 -->
            <div class="form-group">
                <label for="name" class="col-sm-2 control-label">目的地：</label>
                <div class="col-sm-8">
                    <select class="form-control selectpicker" id="destination" name="destId" data-live-search="true" title="请选择关联的目的地">
                        <option value="-1">--请选择--</option>
                        <#list dests as dest>
                            <option value="${dest.id}">${dest.name}</option>
                        </#list>
                    </select>
                </div>
            </div>
            <br>
            <!-- 详情 -->
            <div class="qt-details">
                <h5><a title="添加问答内容" class="icon active" id="_j_show_content"></a>问题详细内容</h5>
                <script id="editor" type="text/plain" style="width:100%;height:500px;"></script>
            </div>
            <!-- 提交按钮 -->
            <div class="publish_question">
                <a class="qt-post-btn _j_publish" title="发布问题">发布问题</a>
            </div>
        </div>
        <div class="qt-sider">
            <div class="qts-tit">提问的正确姿势</div>
            <div class="qts-con">
                <p>1.问题要【具体】【真实】【诚恳】，问题较多，需全面阐述时，可以添加问题补充。结伴/交易/与旅行无关的提问将被删除。</p>
                <p>2.给问题添加目的地，并打上正确的标签将有助于更快地获得回答。</p>
            </div>
        </div>
    </div>
</div>
</body>

</html>